<template>
  <div class="global-com">
    <!-- <h5>全局注册组件</h5> -->
     <h5 class="title">{{ msg }}</h5>
    <h5 class="title">shen'du</h5>
    <button @click="edit">点击按钮修改文本内容</button>
  </div>
</template>

<script setup>
import { ref } from 'vue';
let msg = ref('全局组件')
function edit() {
  msg.value = '修改后的全局组件'
}
</script>

<style>
.global-com{
    border: 1px solid black;
    height: 120px;
    flex: 1;
}
</style>